<!DOCTYPE html>
<html>
<head>
  <title>WEBRTC Demo</title>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1" name="viewport">
  <link href='./css/bootstrap.css' rel="stylesheet">
  <link href='./css/style.css' rel='stylesheet'>
  <!-- <link rel="stylesheet" href="../assets/css/pure-min.css">
  <link rel="stylesheet" href="../assets/css/baby-blue.css"> -->
</head>
<body>

  <!-- 登录  -->
  <div id="input-container" class="container">
    
    <div class="login-box">
      <div class="form-group">
        <div class="hide">
          <label for="sdkappid">SDKAPPID:&nbsp;</label>
          <input class="form-control" id="sdkappid" type="text" value="1400037025" />
        </div>
          <label for="userId">用户名:</label>
          <input class="form-control" id="userId" type="text" value="" readonly/>
          <label for="room-number">房间号:</label>
          <input class="form-control" id="roomid" type="text" value="900099" readonly/>
      </div>
      <button class="btn btn-default" type="button" onclick="invite()">发起视频通话</button>
      <p>向房间内其他用户发起视频通话邀请</p>
    </div>
  </div>
  <!-- 登录  -->

  <!-- RTC  -->
  <div id="video-section" style="display: none">
        <div id="remote-video-wrap">

        </div>
    </div>
  </div>
  <!-- RTC  -->

  <!-- Dialog -->
  <div id="input-container" class="container">
    <div class="dialog-box">
      <dialog id="receive-invite-dialog">
        <p>收到视频邀请</p>
        <button id="accept-btn" onclick="accept()">接受</button>
        <!-- <button id="refuse" onclick="refuse()">拒绝</button> -->
      </dialog>
    </div>
  </div>
  <!-- Dialog -->


  <!-- jquery Demo用到，WebRTCAPI不依赖 -->
  <script src="../assets/libs/jquery.min.js"></script>
  <script src="../assets/libs/vconsole.min.js"></script>
  <script>
    // var vConsole = new VConsole();
  </script>
  <!-- WebRTC SDK -->
  <script src="https://sqimg.qq.com/expert_qq/webrtc/2.4/WebRTCAPI.min.js"></script>
  <!-- WebIM SDK -->
  <script src="https://sqimg.qq.com/expert_qq/webim/1.7.1/webim.min.js"></script>
  <script>
    document.write('<script src="./js/index.js?v='+new Date()+'" type="text/javascript"></scr'+'ipt>')
  </script>
    <script>
        var _mtac = {"senseHash":0};
        (function() {
            var mta = document.createElement("script");
            mta.src = "//pingjs.qq.com/h5/stats.js";
            mta.setAttribute("name", "MTAH5");
            mta.setAttribute("sid", "500538821");
            mta.setAttribute("cid", "500538834");
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(mta, s);
        })();
    </script>
</body>
</html>
